<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>movie</title>
		<link rel="stylesheet" type="text/css" href="//at.alicdn.com/t/font_633849_9x6r3pip2hfzjjor.css"/>
		<style type="text/css">
			#big{
				margin:50px auto;
				width:327px;
			}
			*{
				margin:0;
				padding: 0;
				list-style: none;
			}
			.one{				
				margin-bottom: 15px;
				width: 327px;
				height: 101px;
			}
			.two{
				margin-bottom: 15px;
				width: 327px;
				height: 101px;
			}
			.three{
				width: 327px;
				height: 101px;
			}
			
			.img{
				float: left;
				width: 72px;
				height: 101px;
			}
			.intro{
				float: right;
				width: 240px;
				height: 98px;
				margin-left: 15px;
				margin-top: 3px;
			}
			.blue{
				color: #259c9d;
			}
			.red{
				color: #c90210;
			}
			p{
				margin-top:16px;
				font-size:11px;
			}
			h4{
				display: inline-block;
				font-size:14px;
			}
			.type{
				font-size:11px;
			}
			i{
				color:red;
			}
			.comments{
				color: #c90210;
				font-size:11px;
				float:right;
			}
		</style>
	</head>
	<body>
		<div id="big">
			<div class="one">
				<div class="img">
					<img src="img/home_03.jpg" />
				</div>
				<div class="intro">
					<h4>环太平洋</h4>
					<span class="comments">
						468人评论过
					</span>
					<p>
						<span class="blue">#环太平洋##环太平洋#</span>
						对建筑物倒塌、核弹攻击城市、外星人入侵..
						<span class="red">[详细]</span>
					</p>
					<i class="iconfont icon-ren12"></i>
					<span class="type">欧美电影</span>
				</div>
			</div>
			<div class="two">
				<div class="img">
					<img src="img/home_06.jpg" />
				</div>
				<div class="intro">
					<h4>速度与激情6</h4>
					<span class="comments">
						783人评论过
					</span>
					<p>【杰森-斯坦森确定加盟
						<span class="blue">#速#</span>】
						斯坦森饰演第六部大反派欧文-肖..
						<span class="red">[详细]</span>
					</p>
					<i class="iconfont icon-ren12"></i>
					<span class="type">欧美电影</span>
				</div>
			</div>
			
			<div class="three">
				<div class="img">
					<img src="img/home_08.jpg"/>
				</div>
				<div class="intro">
					<h4>青春派</h4>
					<span class="comments">
						97人评论过
					</span>
					<p>
					《青春派》预告片"零差评"其逆增长
					<span class="red">[详细]</span>
					</p>
					<i class="iconfont icon-ren12"></i>
					<span class="type">欧美电影</span>
				</div>
			</div>
		</div>
		
	</body>
</html>
